<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="<%=cp%>/data/css/common.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/member/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/tour/css/style1.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/reservation/css/style2.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/member/css/board.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
	function sendIt(){
		alert("${mode}");
		
		f = document.frm;
		f.action = "<%=cp%>/member/out.action";
		f.submit();
	}
</script>
</head>
<body>
<!-- Container -->
	<div id="container">
    	<form name="frm">
    		<input type="hidden" name="mode" value="${mode}"/>
    	</form>
        
		<!-- Sub Navigation -->
		<div id="subNavigation">
			<h2><img src="<%=cp%>/member/image/h2_mypage.gif" alt="마이페이지" /></h2>
			<ul class="leftMenu">
                <li><a href='<%=cp%>/member/myMenu1.action'><img src='<%=cp%>/member/image/subnavi_mypage1.gif' alt='맞춤형 여행상품' /></a></li>
                <li><a href='<%=cp%>/member/myMenu2.action'><img src='<%=cp%>/member/image/subnavi_mypage2.gif' alt='예약상황' /></a></li>
                <li><a href='<%=cp%>/member/myMenu3.action'><img src='<%=cp%>/member/image/subnavi_mypage3.gif' alt='관심상품' /></a></li>
                <li><a href='<%=cp%>/member/myMenu4.action'><img src='<%=cp%>/member/image/subnavi_mypage4.gif' alt='참여현황' /></a></li>
                <li><a href='<%=cp%>/member/updated.action'><img src='<%=cp%>/member/image/subnavi_mypage5.gif' alt='정보관리' /></a>
                	<ul><li><a href='<%=cp%>/member/updated.action'><img src='<%=cp%>/member/image/subnavi_mypage5_1.gif' id='subnavi_mypage5_1' alt='개인정보수정' /></a></li> 
                		<li><a href='<%=cp%>/member/pwdUpdated.action'><img src='<%=cp%>/member/image/subnavi_mypage5_2.gif' id='subnavi_mypage5_2' alt='비밀번호수정' /></a></li> 
                		<li><a href='<%=cp%>/member/out.action'><img src='<%=cp%>/member/image/subnavi_mypage5_3.gif' id='subnavi_mypage5_3' alt='회원탈퇴' /></a></li>
                	</ul></li>
                <li><a href='<%=cp%>/member/myMenu6.action'><img src='<%=cp%>/member/image/subnavi_mypage6.gif' alt='할인쿠폰' /></a></li>
                <li><a href='<%=cp%>/member/myMenu7.action'><img src='<%=cp%>/member/image/subnavi_mypage7.gif' alt='여행안내서 신청' /></a></li>
			</ul>
			<div class="banner_member"><a href="http://privacy.kisa.or.kr/event/" target="_blank">
			<img src="<%=cp%>/member/image/banner_member_01.gif" alt="개인정보 유출은 이제그만" /></a></div>
 
		</div>
		<!-- Sub Navigation //-->
 
        
		
<Script Language="JavaScript"> 
<!--
    function godel() {
        if (document.form1.mempwd.value == "") {
            alert("비밀번호를 입력하세요.");
            return;
        }
        var num = 0
        for (i = 0; i < 5; i++) {
            if (document.form1.section[i].checked == false) {
                num = num + 1
            }
        }
        if (num == 5) {
            alert("분류를 선택해 주세요.");
            return;
        }
 
        if (document.form1.content.value == "") {
            alert("탈퇴 사유를 입력하세요.");
            return;
        }
 
        if (confirm('한진관광 회원 탈퇴 하시겠습니까 ?') == true) {
 
            document.form1.action = 'MemberSecession';
            document.form1.submit()
        }
 
        else {
            return;
        }
 
    }
//-->
</Script>
<form name='form1' method='post'>
		<!-- Contents -->
		<div id="contents">
			<!-- 타이틀 & 로케이션-->
			<div class="titleArea">
				<h3><img src="<%=cp%>/member/image/mypage/h3_member_withdrawal.gif" alt="회원탈퇴" /><span class="visualImg"><img src="<%=cp%>/member/image/mypage/img_visual.gif"  alt="비주얼이미지" /></span></h3>
				<div class="location">
					<a href="<%=cp%>/main.action"><img src="<%=cp%>/member/image/icon_home.gif" alt="홈" /></a> &gt; <a href="#">마이페이지</a> &gt; <a href="#">정보관리</a> &gt; <b>회원탈퇴</b>
				</div>
			</div>
			<!-- 타이틀 & 로케이션//-->
			
			<div class="questionView">
				<img src="<%=cp%>/member/image/mypage/text_member_withdrawal_detail.gif" alt="" />
			</div>
			
			<table cellpadding="0" cellspacing="0" class="tbViewType1" summary="회원탈퇴" width="100%">
				<caption>회원탈퇴</caption>
				<colgroup>
					<col width="15%" />
					<col width="*" />
				</colgroup>
				<tbody>
					<tr>
						<th><img src="<%=cp%>/member/image/mypage/txt_password.gif" alt="비밀번호" /></th>
						<td><input class="type_text2" type="password" size="21" name="mempwd" id="mempwd" /></td>
					</tr>
					<tr>
						<th><img src="<%=cp%>/member/image/mypage/th_withdrawal_reason.gif" alt="탈퇴이유" /></th>
						<td>
							<input id="reason1" class="type_checkbox2" type="radio" name="section" value="1" /><label for="reason1">상품불만</label>
							
							<span class="foreign">
							<input id="reason2" class="type_checkbox2" type="radio" name="section" value="2" /><label for="reason2">서비스 불친절</label>
							</span>
 
							<span class="foreign">
							<input id="reason3" class="type_checkbox2" type="radio" name="section" value="3" /><label for="reason3">사이트 불편</label>
							</span>
 
							<span class="foreign">
							<input id="reason4" class="type_checkbox2" type="radio" name="section" value="4" /><label for="reason4">정보부족</label>
							</span>
							
							<span class="foreign">
							<input id="reason5" class="type_checkbox2" type="radio" name="section" value="5" /><label for="reason5">개인사유</label>
							</span>
						</td>
					</tr>
					<tr>
						<td colspan="2" class="pad3">
							<!-- 사유 -->
							<div class=" inquiryBoard">
								<p class="boardTitle"><img src="<%=cp%>/member/image/mypage/icon_exclamation_mark.gif" alt="" /> 탈퇴하시려는 이유를 간략히 적어주세요. 고객님의 불편 사항 등을 접수하여 고객만족을 위해 최선을 다하겠습니다.</p>
								<textarea rows="1" cols="1" class="textEntry3" name="content" id="content" ></textarea>
							</div>
							<!-- 사유 // -->
						</td> 
					</tr>
				</tbody>
			</table>
			
			<!-- 버튼 -->
			<div class="btnArea5"><img src="<%=cp%>/member/image/mypage/btn_member_withdrawal.gif" alt="회원탈퇴" onclick="sendIt()"/></div>
			<!-- 버튼 //-->
		 
		</div>
		<!-- Contents //-->
</form>
 
		
	</div>
	<!-- Container //-->
</body>
</html>